<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<style type="text/css">
			*{
			margin: 0 auto;
			padding: 0;
		}
		.beij{
			width: 460px;
			height: 529px;
			
			
		}
		.biao{
			float:left;
			
		}
			.ho{
				float: right;
				color: red;
				margin-right: 0 auto;
			}
			.ho::after{
				
				content: "";
				display: block;
				clear: both;
			}
			
			.kuai{
				width: 330px;
				height: 20px;
				float: right;
				
				
			}
			.kuai::after{
				
				content: "";
				display: block;
				clear: both;
			}
			.kuai1{
				width: 330px;
				height: 50px;
				float: right;
				margin-top:20px ;
				margin-left: 10px;
				
			}
			.kuai2{
				width: 290px;
				height: 24px;
				float: left;
				margin-top: 25px;
				margin-left: 20px;
				}
			.kuai2::after{
				content: "";
				display: block;
				clear: both;
			
			}
			img{
				float: left;
				
			}
			
			.img1{
				margin: 0px;
			}
			
			
			a{
				text-decoration: none;
			}
			.di1{
				width: 459px;
				height: 152px;
				margin-top: 25px;
			}
		</style>
		
		<div class="beij">
			<div class="di1">
				<img src="img/11.png" />
			<div class="kuai">
				
				<h2 class="biao">环太平洋</h2>
				<p class="ho">468人评论过</p>
			</div>
			<div class="kuai1">
				<p><a href="">#环太平洋##环太平洋#</a>对影建筑物倒塌、核</p>
				<p>弹攻击城市、外星入侵...<span style="color: red;">[详细]</span></p>
			</div>
				
			
			<div class="kuai2">
				<p><img  class="img1" src="img/12.png"/>欧美电影</p>
			</div>
			</div>
			
			
			
			
			<div class="di1">
				<img class="img2" src="img/9.png" />
			<div class="kuai">
				
				<h2 class="biao">速度与激情6</h2>
				<p class="ho">783人评论过</p>
			</div>
			<div class="kuai1">
				<p>【杰森˙斯坦森确定加盟<a href="">#速J#</a>】斯坦森饰演</p>
				<p>第六部大反派欧文肖...<span style="color: red;">[详细]</span></p>
			</div>
				
			
			<div class="kuai2">
				<p><img  class="img1" src="img/12.png"/>热映推荐</p>
			</div>
			</div>
			
			
			
			
			<div class="di1">
				<img class="img3" src="img/10.png" />
			<div class="kuai">
				
				<h2 class="biao">青春派</h2>
				<p class="ho">97人评论过</p>
			</div>
			<div class="kuai1">
				<p>《青春派》预告片“零差评”其逆增长<span style="color: red;">[详细]</span></p>
			</div>
				
			
			<div class="kuai2">
				<p><img  class="img1" src="img/12.png"/>欧美电影</p>
			</div>
			</div>
			
			
		
		</div>
		
	</body>
</html>
